<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<?php include_once '/lib/bootstrap.php'; ?>
<head>
<!-- $Id: index.php 21 2012-08-31 08:07:56Z dev@arbrebinaire.com $ -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>InstaForms</title>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/themes/blitzer/jquery-ui.css" />
<link rel="stylesheet" href="css/instaforms.css" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script>
<script type="text/javascript" src="https://jquery-ui.googlecode.com/svn/trunk/ui/i18n/jquery.ui.datepicker-fr.js"></script>
<script type="text/javascript">
	var ArbreBinaire = ArbreBinaire || {}
	ArbreBinaire.lang = '<?php echo LANG ?>';
	ArbreBinaire.endpoint_script_url = '<?php echo ENDPOINT_SCRIPT_URL ?>';
</script>
<script type="text/javascript" src="https://instaforms.googlecode.com/svn/trunk/js/com/arbrebinaire/instaforms/dictionary.js"></script>
<script type="text/javascript" src="https://javascript-arbrebinaire.googlecode.com/svn/trunk/com/arbrebinaire/utilities/forms/forms.js"></script>
<script type="text/javascript" src="https://javascript-arbrebinaire.googlecode.com/svn/trunk/com/arbrebinaire/utilities/string/string.js"></script>
<script type="text/javascript" src="https://javascript-arbrebinaire.googlecode.com/svn/trunk/com/arbrebinaire/utilities/number/number.js"></script>	
<script type="text/javascript" src="https://javascript-arbrebinaire.googlecode.com/svn/trunk/com/arbrebinaire/utilities/ajax/ajax.js"></script>
<script type="text/javascript" src="https://javascript-arbrebinaire.googlecode.com/svn/trunk/com/arbrebinaire/i18n/i18n.js"></script>
<script type="text/javascript" src="https://instaforms.googlecode.com/svn/trunk/js/net/datatables/jquery.dataTables.min.js"></script>
<!-- 
<script type="text/javascript" src="https://instaforms.googlecode.com/svn/trunk/js/com/arbrebinaire/instaforms/main.js"></script>
 -->
<script type="text/javascript" src="js/com/arbrebinaire/instaforms/main.js"></script>
</head>
<body>
<!-- The available element list -->
<div id="instaforms-container" class="ui-widget">
<div id="instaforms-formelements-container">
<div class="ui-widget-titlebar ui-widget-header text"><?php echo $imp->__('Available form element'); ?></div>
<div class="ui-widget-content">
<div id="instaforms-formelement-section"
	class="instaforms-formelements ui-widget ui-widget-content">
<div class="instaforms-formelement-title"><?php echo $imp->__('Section'); ?></div>
<div class="instaforms-question"></div>
</div>
<div id="instaforms-formelement-shorttext"
	class="instaforms-formelements ui-widget ui-widget-content">
<div class="instaforms-formelement-title"><?php echo $imp->__('Short text'); ?></div>
<div class="instaforms-question"></div>
</div>
<div id="instaforms-formelement-password"
	class="instaforms-formelements ui-widget ui-widget-content">
<div class="instaforms-formelement-title"><?php echo $imp->__('Password'); ?></div>
<div class="instaforms-question"></div>
</div>
<div id="instaforms-formelement-longtext"
	class="instaforms-formelements ui-widget ui-widget-content">
<div class="instaforms-formelement-title"><?php echo $imp->__('Long text'); ?></div>
<div class="instaforms-question"></div>
</div>
<div id="instaforms-formelement-file"
	class="instaforms-formelements ui-widget ui-widget-content">
<div class="instaforms-formelement-title"><?php echo $imp->__('File'); ?></div>
<div class="instaforms-question"></div>
</div>
<div id="instaforms-formelement-multiple_inclusive"
	class="instaforms-formelements ui-widget ui-widget-content">
<div class="instaforms-formelement-title"><?php echo $imp->__('Multiple/Inclusive'); ?></div>
<div class="instaforms-question"></div>
</div>
<div id="instaforms-formelement-multiple_exclusive"
	class="instaforms-formelements ui-widget ui-widget-content">
<div class="instaforms-formelement-title"><?php echo $imp->__('Multiple/Exclusive'); ?></div>
<div class="instaforms-question"></div>
</div>
</div>
</div>
<!-- The target div where the form elements are dropped/sorted -->
<div id="instaforms-form-container" class="ui-widget">
<div class="ui-widget-titlebar ui-widget-header text"><?php echo $imp->__('Your form'); ?>
</div>
<div id="instaforms-form" class="ui-widget-content"></div>
</div>
<hr style="clear: both; position: relative; top: 40px;" />
<div style="margin-top: 40px; height: 30px;">
<form id="instaforms-properties">
<table width="100%">
	<tr>
		<td>
    		<label><?php echo $imp->__('Form title')?></label><br />
    		<input id="instaforms-form-title" name="instaforms-form-title"/>
		</td>
		<td>
			<span><?php echo $imp->__('Fields below: no constraints if empty')?></span>
		</td>
	</tr>
	<tr>
		<td>
    		<label><?php echo $imp->__('Form subtitle')?></label><br />
    		<input id="instaforms-form-subtitle" name="instaforms-form-subtitle"/>
		</td>
		<td>
    		<label><?php echo $imp->__('Online starting date')?></label><br />
    		<input id="instaforms-form-startdate" name="instaforms-form-startdate" class="instaforms-date"/>
		</td>
	</tr>
	<tr>
		<td>
    		<label><?php echo $imp->__('Form description')?></label><br />
    		<textarea id="instaforms-form-description" name="instaforms-form-description"></textarea>
    	</td>
		<td>
    		<label><?php echo $imp->__('Online ending date')?></label><br />
    		<input  id="instaforms-form-enddate" name="instaforms-form-enddate" class="instaforms-date"/>
		</td>
	</tr>
	<tr>
		<td>
			<label><?php echo $imp->__('Send to')?></label> (<?php echo $imp->__('One email per line')?>)<br />
			<textarea id="instaforms-form-sendto" name="instaforms-form-sendto"></textarea>
		</td>
		<td>
			<label><?php echo $imp->__('Max number of answers')?></label><br />
			<input id="instaforms-form-maxanswers" name="instaforms-form-maxanswers"/>
		</td>
	</tr>
	<tr>
		<td>
			<label><?php echo $imp->__('Status')?></label><br />
			<select id="instaforms-form-status" name="instaforms-form-status">
				<option value="0"><?php echo $imp->__('Offline'); ?></option>
				<option value="1"><?php echo $imp->__('Online'); ?></option>
			</select>
		</td>
		<td></td>
	</tr>
	<tr>
		<td>
    		<label><?php echo $imp->__('Access control')?></label><br />
    		<select id="instaforms-form-acl" name="instaforms-form-acl">
    			<option value="0"><?php echo $imp->__('Off'); ?></option>
    			<option value="1"><?php echo $imp->__('On'); ?></option>
    		</select>
		</td>
		<td></td>
	</tr>
	<tr>
		<td>
			<label><?php echo $imp->__('Post-submit message')?></label><br />
			<textarea id="instaforms-form-postsubmitmessage" name="instaforms-form-postsubmitmessage"></textarea>
		</td>
		<td>
			<label><?php echo $imp->__('Offline message')?></label><br />
			<textarea id="instaforms-form-offlinemessage" name="instaforms-form-offlinemessage"></textarea>
		</td>
	</tr>
</table>

<hr />

<button id="instaforms-save" class="instaform-button"><?php echo $imp->__('Save')?></button>
<div style="display:inline-block">
<label><?php echo $imp->__('Load a form')?></label>
		<select id="instaforms-load-form" name="instaforms-load-form">
			<option value=""><?php echo $imp->__('Load a form')?></option>
			<option value="1">Form 1</option>
			<option value="2">Form 2</option>
			<option value="3">Form 3</option>
			<option value="3">Form 4</option>
		</select>
</div>
<!-- 
<button id="instaforms-newform"><?php echo $imp->__('New form')?></button>
 -->
<span style="margin-left:20px;" id="instaforms-status"></span>
</form>

<div style="display: none;"><!-- The dialog template -->
<div id="instaforms-dialog-template"
	title="<?php echo $imp->__('Element options'); ?>">
<form>
<fieldset id="instaforms-fieldset"><label for="instaforms-question"></label><br />
<input id="instaforms-question" /><br />
<br />
<div id="instaforms-answers-container"><label for="instaforms-answers"><?php echo $imp->__('Answer list'); ?></label>
<span>&nbsp;(<?php echo $imp->__('One answer per line');?>)</span><br />
<span>&nbsp;(<?php echo $imp->__('Prefix answer with * to set default(s)');?>)</span><br />
<textarea id="instaforms-answers"></textarea></div>
<br />
<div id="instaforms-validation-container"><label><?php echo $imp->__('Available validation'); ?></label>
<ul id="instaforms-validation-list">

</ul>
</div>
</fieldset>
</form>
</div>
<!-- The close button -->
<div id="instaforms-close-button" style="float: right;"><a
	class="ui-dialog-titlebar-close ui-corner-all" href="#"><span
	class="ui-icon ui-icon-closethick">close</span></a></div>
<!-- The edit button -->
<div id="instaforms-edit-button" style="float: right;"><a
	class="ui-dialog-titlebar-close ui-corner-all" href="#"><span
	class="ui-icon ui-icon-pencil">modify</span></a></div>
</div>
</div>
</div>
</body>
</html>
